;(function($){
	$.fn.marcard_info = function(opts){
		var el = this;
		var opt = {
			ds : {},
			dataBack : function(){},
			closeBack : function(){},
		}
		var param = $.extend(opt,opts);
		var app = new App(el,param);
	}
	
	var App = function(el,param){
		this.el = el;
		this.param = param;
		this.initHtml();
		this.setValue();
	}
	
	App.prototype = {
		bindEvent : function(){
			var el = this.el;
			var param = this.param;
			var t = this;
		},
		initHtml : function(){
			var el = this.el;
			var param = this.param;
			var t = this;
			
			var html = 	'<div class="col-xs-4">'+
							'<div class="profile-user-info">'+
							
								'<div class="profile-info-row">'+
									'<div class="profile-info-name">mno</div>'+
									'<div class="profile-info-value">'+
										'<span id="mno"></span>'+
									'</div>'+
								'</div>'+
								
								'<div class="profile-info-row">'+
									'<div class="profile-info-name">卡号</div>'+
									'<div class="profile-info-value">'+
										'<span id="mname"></span>'+
									'</div>'+
								'</div>'+
							
								
							
							'</div>'+
						'</div>'+
						'<div class="col-xs-4">'+
							'<div class="profile-user-info">'+
							
								'<div class="profile-info-row">'+
									'<div class="profile-info-name">名称</div>'+
									'<div class="profile-info-value">'+
										'<span id="text"></span>'+
									'</div>'+
								'</div>'+
								
								'<div class="profile-info-row">'+
									'<div class="profile-info-name">电话</div>'+
									'<div class="profile-info-value">'+
										'<span id="phone"></span>'+
									'</div>'+
								'</div>'+
							
								'<div class="profile-info-row hide">'+
									'<div class="profile-info-name">余额</div>'+
									'<div class="profile-info-value">'+
										'<span id="balance"></span>'+
									'</div>'+
								'</div>'+
								
							'</div>'+
						'</div>'+
						'<div class="col-xs-4">'+
						
							'<div class="profile-user-info">'+
							
								'<div class="profile-info-row">'+
									'<div class="profile-info-name">组别</div>'+
									'<div class="profile-info-value">'+
										'<span id="dcode_c"></span>'+
									'</div>'+
								'</div>'+
								
								'<div class="profile-info-row">'+
									'<div class="profile-info-name">类型</div>'+
									'<div class="profile-info-value">'+
										'<span id="type_c"></span>'+
									'</div>'+
								'</div>'+
							
							'</div>'+
							
					
						'</div>'+
						'<div class="col-xs-3 hide">'+
						
							'<div class="profile-user-info">'+
							
							'</div>'+
							
						'</div>';
			el.html(html);
		},
		setValue : function(){
			var el = this.el;
			var param = this.param;
			var t = this;
			el.find("span").each(function(k,v){
				$(v).text(param.ds[v.id]||"");
			})
		}
	}
})(jQuery)